<template>
	<scroll-view>
		<!-- 首页头部 -->
		<view class="head">
			<image src="/static/logo.png" mode=""></image>
			<view class="name">
				你好！<text>用户名</text>
			</view>
		</view>
		<!-- 分类 -->
		<view class="type">
			<view class="type_left">
				<view class="type_top">
					<image src="/static/logo.png" mode=""></image>
					<view class="top_text">
						在线问诊
					</view>
				</view>
			</view>
			<view class="type_right">

			</view>
		</view>
	</scroll-view>
</template>

<script setup>

</script>

<style>
	.head {
		width: 100%;
		height: 100px;
		display: flex;
		align-items: center;
	}

	.head image {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		margin-left: 40rpx;
	}

	.head .name {
		margin-left: 40rpx;
		font-size: 40rpx;
	}

	.head .name text {
		font-size: 32rpx;
	}

	.type {
		width: 100%;
		height: 200rpx;
		display: flex;
		justify-content: space-between;
		margin-top: 20rpx;
	}

	.type_left {
		width: 48%;
		height: 100%;
		background-color: #007AFF;
		border-radius: 30rpx;
	}

	.type_right {
		width: 48%;
		height: 100%;
		background-color: #4CD964;
		border-radius: 30rpx;
	}

	.type_left .type_top {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
	}

	.type_left .type_top image {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		margin-left: 40rpx;
	}

	.type_left .type_top .top_text {
		margin-left: 40rpx;
		font-size: 40rpx;
		color: white;
	}
</style>